<div class="content">
			<div class="route">
				<ol class="breadcrumb">
					<li>
						<a href="#">主页</a>
					</li>
					<li>
						<a href="#">菜谱</a>
					</li>
					<li class="active">今天要做什么呢？</li>
				</ol>
			</div>
			<div class="layout-width nocontainer">
				<div class="page-header">
					<h1>菜谱搜索 <small>我上次看到的那款菜品在哪了？</small></h1>
				</div>
				<div class="searchContent">

					<button class="btn btn-default  col-lg-2 col-md-2 col-sm-3" type="button" data-toggle="collapse" data-target="#searchCondition" aria-expanded="true" aria-controls="searchCondition">
						<span class="glyphicon glyphicon-cog"></span>
						<span>高级搜索条件</span>
						<span class="caret"></span>
					</button>

					<button class="btn btn-success col-lg-2 col-md-2 col-sm-3 col-lg-offset-1 col-md-offset-1 col-sm-offset-1" type="button">
						<span class="glyphicon glyphicon-search"></span>
						<span>马上搜索</span>
					</button>

					<div class="basic col-lg-12 col-md-12 col-sm-12">
						<div class="well basicwell">
							<h3>搜索条件</h3>
							<div class=" col-lg-6 col-md-6 col-sm-6">
								<h4>准备时间</h4>
								<div class="btn-group" data-toggle="buttons">
									<label class="btn btn-primary active">
									<input type="checkbox" autocomplete="off" checked>
									5-15分钟
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									15-30分钟
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									30分钟以上
								</label>
								</div>
							</div>
							<div class=" col-lg-6 col-md-6 col-sm-6">
								<h4>食材基本类型</h4>
								<div class="btn-group" data-toggle="buttons">
									<label class="btn btn-primary active">
									<input type="checkbox" autocomplete="off" checked>
									素食食材
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									肉食食材
								</label>
								</div>
							</div>
						</div>

						<div class="collapse col-lg-12 col-md-12 col-sm-12" id="searchCondition">
							<div class="well advancedwell">
								<h3>高级搜索条件</h3>
								<h4>食材分类</h4>
								<div class="btn-group" data-toggle="buttons">
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									海鲜类
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									兽肉类
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									水果蔬菜类
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									谷豆淀粉类
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									乳蛋制品
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									其它
								</label>
								</div>
								<h4>菜品分类</h4>
								<div class="btn-group" data-toggle="buttons">
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									开胃菜
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									汤
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									点心
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									主菜
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									甜点
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									饮料
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									酱料/调料
								</label>
									<label class="btn btn-primary">
									<input type="checkbox" autocomplete="off" checked>
									其它
								</label>
								</div>

							</div>
						</div>

					</div>

				</div>
				<div class="row">
					<div class="slice col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img class="col2" src="static/img/recipe/recipedate.jpg" />
							<h4>面包蛋糕，豆泥与杏子和鹰嘴豆泥与辣椒</h4>
							<span>用面粉，小茴香，酵母，水和橄榄油做的自制面包。</span>
							<div class="info">
								<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="点赞数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="点赞数">12</span> &nbsp;
								<span class="glyphicon glyphicon-comment" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="评论数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="评论数">12</span> &nbsp;
								<span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="付费提问数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="付费提问数">12</span> &nbsp;
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)">12</span>
							</div>
						</a>
					</div>
					<div class="slice col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img class="col2" src="static/img/recipe/recipedate.jpg" />
							<h4>面包蛋糕，豆泥与杏子和鹰嘴豆泥与辣椒</h4>
							<span>用面粉，小茴香，酵母，水和橄榄油做的自制面包。</span>
							<div class="info">
								<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="点赞数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="点赞数">12</span> &nbsp;
								<span class="glyphicon glyphicon-comment" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="评论数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="评论数">12</span> &nbsp;
								<span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="付费提问数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="付费提问数">12</span> &nbsp;
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)">12</span>
							</div>
						</a>
					</div>
					<div class="slice col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img class="col2" src="static/img/recipe/recipedate.jpg" />
							<h4>面包蛋糕，豆泥与杏子和鹰嘴豆泥与辣椒</h4>
							<span>用面粉，小茴香，酵母，水和橄榄油做的自制面包。</span>
							<div class="info">
								<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="点赞数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="点赞数">12</span> &nbsp;
								<span class="glyphicon glyphicon-comment" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="评论数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="评论数">12</span> &nbsp;
								<span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="付费提问数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="付费提问数">12</span> &nbsp;
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)">12</span>
							</div>
						</a>
					</div>
					<div class="slice col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img class="col2" src="static/img/recipe/recipedate.jpg" />
							<h4>面包蛋糕，豆泥与杏子和鹰嘴豆泥与辣椒</h4>
							<span>用面粉，小茴香，酵母，水和橄榄油做的自制面包。</span>
							<div class="info">
								<span class="glyphicon glyphicon-heart" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="收藏数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="收藏数">12</span> &nbsp;
								<span class="glyphicon glyphicon-comment" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="评论数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="评论数">12</span> &nbsp;
								<span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="付费提问数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="付费提问数">12</span> &nbsp;
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)">12</span>
							</div>
						</a>
					</div>
					<div class="slice col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img class="col2" src="static/img/recipe/recipedate.jpg" />
							<h4>面包蛋糕，豆泥与杏子和鹰嘴豆泥与辣椒</h4>
							<span>用面粉，小茴香，酵母，水和橄榄油做的自制面包。</span>
							<div class="info">
								<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="点赞数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="点赞数">12</span> &nbsp;
								<span class="glyphicon glyphicon-comment" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="评论数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="评论数">12</span> &nbsp;
								<span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="付费提问数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="付费提问数">12</span> &nbsp;
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)">12</span>
							</div>
						</a>
					</div>
				</div>

				<div class="container loadmore">
					<button class="btn btn-default">
	<span class="glyphicon glyphicon-th" aria-hidden="true"></span>
	<span>查看更多搜索结果</span>
	</button>
				</div>
			</div>
			<div class="recommend nocontainer">
				<div class="page-header page-header-modify">
					<h1>精品推荐 <small>有你在身边真好</small></h1>
				</div>
				<div class="container">
					<div class="col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img src="static/img/master/recommend_product.jpg" />
							<h4>推荐商品</h4>
						</a>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img src="static/img/master/recommend_product.jpg" />
							<h4>推荐商品</h4>
						</a>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img src="static/img/master/recommend_product.jpg" />
							<h4>推荐商品</h4>
						</a>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img src="static/img/master/recommend_product.jpg" />
							<h4>推荐商品</h4>
						</a>
					</div>
				</div>
			</div>

		</div>
